*{
    padding: 0;
    margin: 0;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.main,.main2,.main5{
    width: 1200px;
    margin: auto;
}


/*main样式*/
.main{
    padding-top: 2px;
}
.main-1{
    text-align: center;
    margin-top: 50px;
    margin-bottom: 45px;
}
.main-1 span{
    font-family: 宋体;
    font-size: 24px;
    padding-top: 12px;
    padding-bottom: 24px;
    display: inline-block;
}
.main-1 .h2{
    font-family: 'Times New Roman';
    font-size: 35px;
    margin-bottom: 0;
}
.main-1 p{
    font-size: 15px;
}

.img2{
    width: 370px;
    height: 245px;
    display: block;
}
.kp{
    float: left;
    text-align: center;
    background: #fff;
    padding-bottom: 38px;
}
.kp p{
    width: 276px;
    margin:0 auto 0;
    font-size: 12px;
}
.img3{
    width: 140px;
    height: 105px;
}
.a2{
    width: 93px;
    line-height: 33px;
    display: inline-block;
    font-size: 13px;
    color: #000000;
    border: 1px solid #cccccc;
}
.kp span{
    margin-top: 35px;
    display: block;
}
.a1{
    display: inline;
}
.kp :hover .a2{
    color: #fff;
    background: #000;
    text-decoration: none;
}
.kp1{
    margin-right: 40px;
    background: #fff;
}
.b1{
    width: 370px;
    height: 245px;
    overflow: hidden;
}
.a1 img{
    /*cursor: pointer;*/
    transition: all 2s;
}
.a1 img:hover{
    transform: scale(1.2);
}
.main-2{
    margin-bottom: 80px;
}
.main1-1,.main1-2{
    width: 50%;
    float: left;
}
.main1-1 img,.main1-2 img{
    width: 100%;
}
.main1-1{
    position: relative;
}
.zi,.zi1{
    width: 55%;
    text-align: center;
    position: absolute;
    top: 30%;
    right: 50px;
}
.zi h4,.zi1 h4{
    font-family: 'Times New Roman';
    font-size: 35px;
    line-height: 35px;
    color: #fff;
}
.zi span,.zi1 span{
    display: inline-block;
    font-family: 宋体;
    font-size: 24px;
    line-height: 24px;
    padding: 10px 0 30px 0;
    color: #fff;
}
.zi p,.zi1 p{
    font-size: 14px;
    line-height: 22px;
    color: #979797;
    margin-bottom: 0;
}
.zi a,.zi1 a{
    width: 90px;
    line-height: 43px;
    border: 1px solid #fff;
    text-align: center;
    display: inline-block;
    color: #ffffff;
    margin-top: 37px;
}
.main1-1:hover .zi a,.main1-2:hover .zi1 a{
    border: 1px solid #b77c44;
    color: #b77c44;
    text-decoration: none;
}
.main1-2{
    position: relative;
}
.img4{
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    right: 0;
}
.zi1{
    width: 55%;
    text-align: center;
    position: absolute;
    top: 30%;
    left: 50px;
}
.main1{
    margin-bottom: 50px;
}

.main2-1 h4{
    font-family: 'Times New Roman';
    font-size: 35px;
    color: #000;
}
.main2-1 span{
    font-family: 宋体;
    font-size: 24px;
    color: #000;
    line-height: 24px;
    display: inline-block;
    font-weight: bold;
    padding: 12px 0 24px 0;
}
.main2-1 p{
    color: #000;
    font-size: 15px;
}
.main2-1{
    text-align: center;
}
.main2-1 {
    margin-bottom: 55px;
}

.main2-2 a{
    display: inline-block;
    padding-bottom: 12px;
    color: #666;
    cursor: pointer;
}
.main2-2 span{
    display: inline-block;
    padding: 0 32px;
    font-size: 14px;
}
.span5,.span4{
    background: url(../images/images1/img07.jpg) no-repeat right 3px;
}
.main2-2{
    text-align: center;
    margin-bottom: 45px;
}
.main2-2 a:hover{
    border-bottom: 1px solid #000;
    color: #000;
    font-weight: bold;
    text-decoration: none;
}
.a3{
    border-bottom: 1px solid #000;
    color: #000;
    font-weight: bold;
}

.surface{
    width: 316px;
    height: 510px;
    text-align: center;
    background: url("../images/images1/img35.png");
    padding-top: 60px;
    float: left;
}

.surface img{
    width: 80%;
    text-align: center;
}
.surface p{
    margin: 12px 7px;
}
.surface:hover{
    border: 1px solid #fff;
    box-shadow: 0 0 20px #999;
}

.main-z{
    position: relative;
    width: 1580px;
    height: 510px;
}
.main2-4,.main2-5,.main2-3{
    position: absolute;
    top: 0;
}
.main2-3{
    width: 100%;
    height: 100%;
    display: none;
}
.main2-4,.main2-5{
    display: none;
    width: 100%;
    height: 100%;
}
.active1{
    display: block;
}
.main-z{
    margin-bottom: 80px;
}

.main3-1{
    text-align: center;
}
.main3-1 h2{
    font-size: 35px;
    color: #000;
    line-height: 35px;
}
.main3-1 span{
    font-family: 宋体;
    font-size: 24px;
    color: #000;
    line-height: 24px;
    display: inline-block;
    font-weight: bold;
    padding: 12px 0 20px 0;
}
.main3-1{
    color: #000;
    font-size: 14px;
}
.main-3{
    margin-top: 40px;
    margin-bottom: 50px;
}
.main-3-1{
    position: relative;
}
.img6{
    position: absolute;
    top: 45%;
    left: 45%;
}
.main-3-1,.main-3-2{
    float: left;
    width: 50%;
    height: 462px;
}
.img5{
    width: 100%;
    height: 100%;
}
.main-3-2 img{
    width: 100%;

}
.main-h4{
    background: #1e1e1e;
    padding-left: 25px;
}
.main-h4 h4{
    font-size: 24px;
    line-height: 24px;
    color: #ffffff;
    padding-top: 15px;
}
.main-h4 span{
    display: inline-block;
    font-family: 宋体;
    font-size: 24px;
    line-height: 24px;
    padding: 10px 0 25px 0;
    color: #fff;
}
.main-h4 p{
    font-size: 14px;
    font-family: Microsoft YaHei;
    line-height: 22px;
    color: #ffffff;
    margin-bottom: 0;
}
.main-h4 a{
    width: 93px;
    line-height: 33px;
    display: inline-block;
    border: 1px solid #b3b3b3;
    color: #ffffff;
    text-align: center;
    margin-top: 25px;
    margin-bottom: 37px;
}
.main-h4 a:hover{
    text-decoration: none;
    color: #fff;
}
.sh h2{
    font-size: 35px;
    color: #000;
    font-family: 'Times New Roman';
    line-height: 35px;
}
.sh span{
    font-family: 宋体;
    font-size: 24px;
    color: #000;
    line-height: 24px;
    display: inline-block;
    font-weight: bold;
    padding: 12px 0 24px 0;
}
.sh p{
    color: #000;
    font-size: 15px;
}
.sh{
    margin: auto;
    text-align: center;
    margin-bottom: 80px;
}
.main5-1{
    width: 290px;
    height: 403px;
    background: #fff;
    padding: 6px;
    position: relative;
}
.main5-1 img{
    width: 100%;
    height: 206px;
}
main{
    background: #f3f3f3;
}
.main5-1 h3 a{
    font-size: 15px;
    color: #1a1a1a;
    font-weight: 600;
}
.main5-1 h3{
    margin: 20px 0;
}
.main5-1 .a4{
    position: absolute;
    bottom: 20px;
    color: #666;
    font-size: 14px;
}
.a4 i{
    margin-left: 10px;
}
.main5-1 a:hover{
    text-decoration: none;
}
.main5-1{
    float: left;
}
.main5-2{
    margin-right: 5px;
    margin-left: 5px;
}
.h{
    width: 278px;
    height: 206px;
    overflow: hidden;
}
.a6{
    display: block;
    width: 278px;
    height: 206px;

}
.a6 img{
    transition: all 2s;
}
.a6 img:hover{
    transform: scale(1.2);
}
main{
    padding-bottom: 80px;
}
.img6{
    cursor: pointer;
}


@media (max-width: 600px) {
    .main{
        width: 100%;
    }
    .main-1{
        margin: auto;
        margin-top: 30px;
        margin-bottom: 30px;
        width: 90%;
        padding: 20px 0;
    }
    .main-2{
        width: 90%;
        margin: auto;
    }
    .kp,.img2,.b1{
        width: 100%;
    }
    .kp{
        margin-bottom: 30px;
    }
    .swiper-slide{
        width: 100%;
    }
    .main1{
        width: 90%;
        margin: auto;
    }
    .main1-1,.main1-2{
        width: 100%;
    }
    .zi h4,.zi1 h4{
        font-size: 14px;
        line-height: 0;
    }
    .zi span,.zi1 span{
        font-size: 12px;
        line-height: 0;
        padding-bottom: 0;
    }
    .zi p,.zi p{
        line-height: 20px;
        font-size: 12px;
    }
    .zi{
        position: absolute;
        top: 10%;
        left: 5%;
        width: 90%;
    }
    .zi a,.zi1 a{
        font-size: 12px;
        width: 60px;
        line-height: 30px;
        margin-top: 4px;
    }
    .zi1{
        position: absolute;
        top: 10%;
        left: 5%;
        width: 90%;
    }
    .img4{
        display: none;
    }
    .main2{
        width: 100%;
    }
    .main2-1{
        width: 90%;
        margin: auto;
    }
    .main2-3,.main2-4,.main2-5{
        width: 90%;
        margin: auto;
    }
    .main2-3 img,.main2-4 img,.main2-5 img{
        width: 100%;
    }
    .surface{
        width: 90%;
        height: 552px;
        margin: auto;
        margin-bottom: 50px;

    }
    .main2-4,.main2-5{
        position: absolute;
        top: 0;
        left: 20px;
    }
    .main1{
        margin-bottom: 20px;
    }
    .main-z{
        width: 100%;
        height: 100%;
        margin: auto;
    }
    .main2-3{
        width: 90%;
        margin: auto;
    }
    .main3-1{
        margin: auto;
        margin-top: 3100px;
        width: 90%;
    }
    .main2-4,.main2-5,.main2-3{
        left: 9%;
    }
    .main-3{
        width: 100%;
    }
    .main-3-1{
        height: 100%;
        width: 100%;
    }
    .img6{
        top: 30%;
        left: 38%;
        width: 15%;
    }
    .main-3-2{
        margin-top: 30px;
        width: 100%;
        height: 100%;
    }
    .main-h4 p{
        padding-right: 25px;
    }
    .sh{
        width: 90%;
    }
    .main5{
        width: 90%;
        margin: auto;
    }
    .main5-1{
        width: 100%;
        margin: 0 0 30px 0;
    }
    .h,.a6{
        width: 100%;
    }

}